
<template>
  <div class="tab_box">

    <header id="header" class="header-top clearfix header_top201f1f">
      <a href="javascript:;" class="header-title co-fl" @click="back()"><i class="iconfont icon-fanhui p-r-05rem"></i></a>
      <h2 class="font-085rem text-center white-color">选择工程指标</h2>
    </header>

    <!--搜索模块-->
    <section class="m-t-08rem p-lr-065rem clearfix search-fixed">
      <div class="index-search">
        <i class="iconfont icon-sousuo" v-on:click="BtnSerachClick"></i>
        <input name="" type="text" class="search-input serachInput"/>
      </div>

      <!--<div class="index-search-type">
        <a href="javascript:;" v-for="items in lastKeywordList">{{items.keyword}}</a>
      </div>-->
    </section>
    <!--搜索模块-->

    <!--专业swiper选择-->
    <div class="swiper-container-major m-t-08rem p-lr-065rem" ref="majorSwiperBox">
      <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="(items,index) in majorSwiperList" @click="bindClickIschooseIcon($event,items.indexCode);" :class=" index == specialtyindex ? 'chooseIconActive' : '' ">
          <img :src=imgUrl+items.indexCode+imgPng />
          <p class="p-tb-05rem p-l-025rem font-07rem text-center text-ellipsis">{{items.indexName}}</p>
        </div>
      </div>
      <!-- Add Pagination -->
      <!--<div class="swiper-pagination"></div>-->
    </div>
    <!--专业swiper选择-->


    <!--指标列表-->
    <div class="index-box clearfix">
        <p class="text-left p-tb-05rem p-lr-065rem font-08rem color-999999">常用重要指标</p>
        <div class="index-list" >
          <scroller :on-infinite="infinite"  ref="indexsublist">
          <ul class="overflow-scroll">
            <!--<p  v-if="engineeringList=='' || engineeringList == 'null'" class="SContentData text-center color-999999">暂无数据</p>-->
            <li v-for="(items,index) in engineeringList">
              <div class="index-text">
                <p class="tit">{{items.indexName}}<i class="iconfont icon-zhuandao" @click="detail(items.id,items.indexCode,items.indexType,items.refCount) "></i></p>
                <p>{{items.level}}级</p>
                <p>共<span class="color-c9062c"> {{items.refCount}}</span> 组特征指标</p>
                <div class="index-select">
                  <span v-if="items.subStatus" class="color-999999">取消选择</span><span v-else="items.subStatus">添加指标</span><i class="iconfont icon-gou small-custom-icon choose-boolean co-fr" :class="{'cur':items.subStatus}" @click="chooseNorm(items)"></i>
                </div>
              </div>
            </li>
          </ul>
          </scroller>
        </div>
    </div>
    <!--指标列表-->

    <loading v-show="FangLoading"></loading>
    <fangerror :fangerroring="fangerroring" :fangerrorText="fangerrorText"></fangerror>

    <meun></meun>

  </div>
</template>

<script src="../../../static/js/engineering-index.js"></script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "../../../static/plugins/swiper4x/swiper.min.css"
  @import "../../../static/css/metro-index.css"
</style>
